<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>社区疫情管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}

        .img1{
            width:1600px;
            height: 380px;
        }
        .magrin1{
            margin-left: 20px;
        }
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-carousel" id="test1">
            <div carousel-item>
                <div><img class="img1" src="/images/shequ_01.png"></div>
                <div><img class="img1" src="/images/shequ_02.png"></div>
                <div><img class="img1" src="/images/shequ_03.png"></div>
                <div><img class="img1" src="/images/shequ_04.png"></div>
                <div><img class="img1" src="/images/shequ_05.png"></div>
            </div>
        </div>
        <div class="layui-progress layui-progress-big">
            <div class="layui-progress-bar" lay-percent="20%"></div>
        </div>

        <div class="layui-progress layui-progress-big">
            <div class="layui-progress-bar layui-bg-orange" lay-percent="50%"></div>
        </div>

        <div class="layui-progress layui-progress-big" lay-showPercent="true">
            <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
        </div>
        <br>
        <br>
        <br>
        <div>
            <a style="margin-left: 80px" href="/communityPeopleTable.html" class="layui-btn-lg layui-btn-normal layui-btn">社区人员管理</a>
            <a style="margin-left: 80px" href="/dayReportTable.html" class="layui-btn-lg layui-btn-danger layui-btn">日报信息管理</a>
            <a style="margin-left: 80px" href="/xiaoquTable.html" class="layui-btn-lg layui-btn-warm layui-btn">小区信息管理</a>
            <a style="margin-left: 80px" href="/materialTypeTable.html" class="layui-btn-lg layui-btn-danger layui-btn">物资分类管理</a>
            <a style="margin-left: 80px" href="/communityMaterialTable.html" class="layui-btn-lg layui-btn-normal layui-btn">物资信息管理</a>
        </div>
        <!-- 条目中可以是任意内容，如：<img src=""> -->

        <script src="/lib/layui-v2.6.3/layui.js"></script>
        <script>
            layui.use('carousel', function(){
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#test1'
                    ,width: '100%' //设置容器宽度
                    ,arrow: 'always' //始终显示箭头
                    //,anim: 'updown' //切换动画方式
                });
            });
        </script>
</body>
</html>